<template>
	<div class="ProDiscount">
		<ul class="discount">
			<li v-for="item of DetailsInfo.postTitle">{{item}}</li>
		</ul>
		<ul class="post">
			<li v-for="item of DetailsInfo.postInfo">{{item}}</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:"ProDiscount",
		props:["DetailsInfo"]
	}
</script>

<style lang="scss" scoped>
	.ProDiscount{
		margin-left: 40px;
	}
	.ProDiscount ul{
		display: flex;
	}
	.ProDiscount .discount li{
		width:70px;
		height: 35px;
		line-height: 35px;
		font-size: 20px;
		text-align: center;
		background: #ff9900;
		color:#fff;
		margin-right: 20px;
	}
	.ProDiscount .post{
		margin-top: 10px;
	}
	.ProDiscount .post li{
		width:115px;
		height: 35px;
		line-height: 35px;
		font-size: 15px;
		text-align: center;
		border:2px solid #ff9900;
		color:#ff9900;
		margin-right: 15px;
	}
</style>